.news {
    margin: 2em 4em 0;

    .permalink {
        text-decoration: none;
    }

    .item {
        border-bottom: 1px solid #E8E8EA;
        padding: 20px;
        &>div {
            display: inline-block;
        }
        &>div:first-child {
            margin-right: 1em;
        }
        .title, .desc, .date {
            line-height: 4rem;
        }

        .title {
            color: #1C1F33;
            font-size: 1.6em;
        }

        .desc {
            color: #D2D2D6;
            font-size: 1.4em;
        }

        .date {
            color: #5D617B;
            font-size: 1.2em;
        }
    }

    .cover {
        width:160px;
        height:120px;
    }
}

#page-nav {
    margin: 50px auto;
    // background: #fff;
    // -webkit-box-shadow: 1px 2px 3px #ddd;
    // box-shadow: 1px 2px 3px #ddd;
    // border: 1px solid #ddd;
    border-radius: 3px;
    text-align: right;
    color: #5D617B;
    font-size: 1.4rem;
    overflow: hidden;
}

#page-nav:before,
#page-nav:after {
    content: "";
    display: table;
}

#page-nav:after {
    clear: both;
}

#page-nav a,
#page-nav span {
    padding: 10px 20px;
    line-height: 1;
    height: 2ex;
}

#page-nav a {
    color: #5D617B;
    text-decoration: none;
}

#page-nav a:hover {
    background: #999;
    color: #fff;
}

#page-nav .prev {
    // float: left;
}

#page-nav .next {
    // float: right;
}

#page-nav .page-number {
    display: inline-block;
}

#page-nav .current {
    color: #555;
    font-weight: bold;
}

#page-nav .space {
    color: #ddd;
}